<template>
    <div class="easyd-weixin-Box">
        <div class="selectShopCategoryBox">
            <div class="selectShopCategoryItem"><i class="fa fa-trash fa-lg deleteCate" @click="deleteCategroyClick"></i>家用电器<i class="fa fa-angle-right fa-lg"></i></div>
            <div class="selectShopCategoryItem"><i class="fa fa-trash fa-lg deleteCate" @click="deleteCategroyClick"></i>母婴用品<i class="fa fa-angle-right fa-lg"></i></div>
            <div class="selectShopCategoryItem"><i class="fa fa-trash fa-lg deleteCate" @click="deleteCategroyClick"></i>书籍大全<i class="fa fa-angle-right fa-lg"></i></div>
            <div class="selectShopCategoryItem"><i class="fa fa-trash fa-lg deleteCate" @click="deleteCategroyClick"></i>成人保健<i class="fa fa-angle-right fa-lg"></i></div>
        </div>
        <div class="addShopCategoryBtn" @click="goAddShopCategory">新增商品分类</div>
    </div>
</template>

<script>
export default {
    methods : {
        deleteCategroyClick(){
            this.$easyUtil.confirm(this,'删除确认','您确定要删除该分类吗',()=>{
                this.$easyUtil.successToast(this,'删除完成');
             })
        },
        goAddShopCategory(){
            this.$router.push({
                path : '/addShopCategory'
            })
        }
    }
}
</script>

<style lang="stylus">
@import '~PUBLIC_CSS'
.addShopCategoryBtn {
    width 100%
    height 50px
    background: #FDDE6E;
    position absolute
    bottom 0px
    text-align center
    line-height 50px
}

.selectShopCategoryBox {
    position absolute
    bottom 50px
    top 0px
    left 0px
    right 0px
    box-sizing border-box
    padding-left 15px
    padding-right 15px
    padding-top 15px
}

.selectShopCategoryItem {
    width 100%
    height 50px
    line-height 50px
    padding-left 10px
    box-sizing border-box
    margin-bottom 15px
    $itemStyle()

    .deleteCate {
        float:left;
        margin-top:17px;
        color #ccc
    }

    i {
        float right
        font-size 20px
        color #999
        margin-top 15px
        margin-right 10px
    }
}
</style>

